import Vue from 'vue';
import { Input, Container, Header, Aside, Main, Footer, Badge, Button, Dropdown, DropdownMenu, DropdownItem, Menu, MenuItem, Submenu, Form, FormItem, Table, TableColumn, Pagination, Loading, MessageBox, Notification, Message } from 'element-ui';

Vue.use(Input);
Vue.use(Container);
Vue.use(Header);
Vue.use(Aside);
Vue.use(Main);
Vue.use(Footer);
Vue.use(Badge);
Vue.use(Button);
Vue.use(Dropdown);
Vue.use(DropdownMenu);
Vue.use(DropdownItem);
Vue.use(Menu);
Vue.use(MenuItem);
Vue.use(Submenu);
Vue.use(Form);
Vue.use(FormItem);
Vue.use(Table);
Vue.use(TableColumn);
Vue.use(Pagination);
// Vue.component(Input.name, Input);


Vue.use(Loading.directive);

// 将这些方法放在 Vue 的原型上，这样在 vue 组件中通过 this. 的方式访问
Vue.prototype.$loading = Loading.service;
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
Vue.prototype.$confirm = MessageBox.confirm;
Vue.prototype.$prompt = MessageBox.prompt;
Vue.prototype.$notify = Notification;
Vue.prototype.$message = Message;